/** sagabuilder css v 0.03 **/


 body {
	background-color: #FFF;
	font-family: Cheboygan , Arial, Helvetica, sans-serif;
 }
 
 h1 {
 	font-size: 4em;
 }



 .panel {
 	height: 100%;
	width: 100%;
 }
 
 .panel .bgd,
 .panel .fgd {
 	position: absolute;
	height: 100%;
	width: 100%;
	
 }

.hidden {
	display: none;
}
 
#loading .fgd {
	display: table;
	height: 100%;
	width: 100%;
}

 #loading .fgd .message {
 	display: table-cell;
	vertical-align:middle;
	text-align:center;
 }
 
 #loading h1 {
 	
 }
 

 
 #splash .fgd {
 	display: table;
	height: 100%;
	width: 100%;
 }

 
 #splash .fgd #menu {
 	display: table-cell;
	vertical-align:middle;
	text-align:center;
 }

 
 
 
 #introduction .bgd {
 	background-color: #000;
	height: 100%;
	width: 100%;
 }
 
 #introduction .fgd {
 	color: #ff61ec;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
 }
 
 #introduction #intro-scrolling-text {
 	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -600px;


	-webkit-animation-name: roll-up;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: 1;

 } 
 
 #introduction #intro-scrolling-text p {
 	padding: 16px;
	font-size: 2.3em;
	display: block;
 }
 
 #introduction #intro-bottom-mask,
 #introduction #intro-top-mask {
 	height: 150px;
	width: 100%;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from( rgba(0,0,0,0) ),
		color-stop( 0.1 , rgba(0,0,0,0)),
		color-stop( 0.5 , black),
		to( black )
	);
	position: absolute;
	z-index: 100;
	bottom: 0px;
 }
 
  #introduction #intro-top-mask {
  	bottom:auto;
	top: 0px;
	
		background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from( black),
		color-stop( 0.5 , black),
		color-stop( 0.9 , rgba(0,0,0,0)),
		to( rgba(0,0,0,0))

	);
  }
 
 /** animations **/

    @-webkit-keyframes roll-up {
      0% {
        top: 600px;
		-webkit-animation-timing-function: ease-out;
      }
      100% {
        top: -800px;
		-webkit-animation-timing-function: ease-out;
      }

 

    }

 
 /** fonts **/

 @font-face {
  font-family: "Cheboygan";
  font-style: normal;
  src: url(../fonts/Cheboyga.ttf);
}